<template>
	<view>
		<view class="nav-bar">
			<view class="bar-text" @click="goBack">
				<view class="align">

				</view>
				<text>返回</text>
			</view>
		</view>
		<view class="name">
			<text>昵称</text>
			<view class="name-detial">
				<input type="text" v-model="tab">
			</view>
		</view>
		<view class="next" @click="baocun">
			保存
		</view>
	</view>
</template>

<script>
	import api from '../../static/request.js'
	export default {
		data() {
			return {
				tab: '',
			}
		},
		onLoad(val) {
			// console.log(val)
			this.tab = val.name;
		},
		methods: {
			goBack(){
				uni.navigateTo({
					url:'/pages/information/information'
				})
			},
			baocun() {
				if (!this.tab) {
					uni.showToast({
						title: '请输入昵称',
						icon: 'none'
					});
					return;
				};
				api.post('auth/profile', {
					nickname: this.tab
				}).then(res => {
					// 检查接口返回的数据是否符合预期
					if (res && res.data && res.data.errmsg) {
						if (res.data.errmsg == "成功") {
							uni.showToast({
								title: res.data.errmsg,
								icon: 'none' // 注意这里是字符串 'none'
							});
							setTimeout(() => {
								uni.navigateTo({
								url:'/pages/information/information'
							})
							}, 1000);
						} else {
							// 如果接口返回的不是成功信息，提示错误
							uni.showToast({
								title: res.data.errmsg || '操作失败',
								icon: 'none'
							});
						}
					} else {
						// 如果返回的数据结构不符合预期，提示未知错误
						uni.showToast({
							title: '未知错误',
							icon: 'none'
						});
					}
				});
			}
		}
	}
</script>

<style>
	@import url('setName.css');
</style>